<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: 侯瑜
 * @LastEditTime: 2022-01-10 19:48:21
-->
<template>
  <!--1. 容器 -->
  <div ref="left1_container" id="container" style="height: 95%"></div>
</template>
<script>

import {Line} from '@antv/g2plot';
export default{
  data(){
    return{
      dataArr:[
               { year: '1991', value: 3 },
               { year: '1992', value: 4 },
               { year: '1993', value: 3.5 },
               { year: '1994', value: 5 },
               { year: '1995', value: 4.9 },
               { year: '1996', value: 6 },
               { year: '1997', value: 7 },
               { year: '1998', value: 9 },
               { year: '1999', value: 13 },
               ]
    }
  },
  created(){

  },
  mounted(){
    this.initChart()
  },
  methods:{
    initChart(){

      
      const line = new Line(this.$refs.left1_container , {
            data:this.dataArr,
            xField: 'year',
            yField: 'value',
});

      line.render();
    }
  }

}
</script>
<style scoped>

</style>